<template>
  <div class="table02">
    <slot></slot>
  </div>
</template>
<style scoped>
th,td {
  padding: 10px 5px;
}

table {
  width: 100%;
  background-color: #fff;
  color: #666;
  border-collapse:separate; 
  border-spacing:0px 10px;
}
thead tr:first-child{
    background-color:#f2f2f2;
}
td>>>textarea{
  height: 40px!important;
}
td>>>.textArea01{
  width: auto;
}
th, td{
    text-align: center;
    padding: 10px 5px;
}
tbody tr:first-child{
    background-color:#999999;
}
tbody tr:not(first-child){
    background-color:#f2f2f2;
}
tbody tr:first-child td:first-child{
   text-align:left;
   color:#ffffff;
}
*>>>.textArea01{
  width:auto!important;
}
.table02>>>.el-input__inner{
    height: 32px!important;
 }
.table02>>>.el-input__icon{
    line-height: 32px!important;
 }
</style>
<script>
export default {
  name: "table02",
  props: [],
  methods: {}
};
</script>
